<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" href="../dist/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="index.css">
        <script type="text/javascript" src="../script/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="../dist/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="index.js"></script>
    </head>
    <body>
    <!--导航-->
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="row">
        <div class="col-xs-4">
        <div class="navbar-header">
    
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      
    </div>
        </div>
        <div class="col-xs-4 hTitle">
            <a href="#" title="">
                BROWSE
            </a>
        </div>
        <div class="col-xs-4 hImg">
            <a href="#img/" title="">
            <img class="img-responsive"src="img/hT.gif" >
            </a>
        </div>
    </div>
    <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
   
    <ul class="nav  navbar-nav">  
      <li class="active">
       <a href="#">我的<span class="sr-only">(current)</span></a>   

      </li>
        <li>
         <a href="#" target="_blank">推荐</a>
        </li>
        <li>
          <a href="#" target="_blank">发现</a>
        </li>
        
     </ul>
     </div> <!-- /.navbar-collapse -->
  </div>
  </nav>
  <!--搜索框-->
  <div class="container-fuild">
      <div class="input">
          <div class="row">
          <div class="col-xs-12">
              <input id="tInput" type="text" name="search" value="search">
          </div>
      </div>
      </div>
  </div>

  <!--主体内容-->
  <div class="container-fuild">
     <ul class="content" id="content">
          <li>
         <div class="row">
          <div class="col-xs-3">
             <a class="normal"href="#">
              <img class="img-responsive img-circle"src="img/h1.gif" alt="" />
             </a> 
          </div>
          <div class="col-xs-9">
            <p class="cTit">Sam W.</p> 
            <p class="cCon">Running,Fitness,Soccer,...</p> 
            <p class="cFb">Losing weight</p>
          </div>
      </div>
          </li>

           <li >
          <div class="row">
           <div class="col-xs-3">
             <a class=""href="#">
              <img class="img-responsive img-circle"src="img/h1.gif" alt="" />
             </a> 
          </div>
          <div class="col-xs-9">
            <p class="cTit">Sam W.</p> 
            <p class="cCon">Running,Fitness,Soccer,...</p> 
            <p class="cFb">Losing weight</p>
          </div>
      </div>
          </li>

           <li>
         <div class="row">
          <div class="col-xs-3">
             <a class="normal"href="#">
              <img class="img-responsive img-circle"src="img/h1.gif" alt="" />
             </a> 
          </div>
          <div class="col-xs-9">
            <p class="cTit">Sam W.</p> 
            <p class="cCon">Running,Fitness,Soccer,...</p> 
            <p class="cFb">Losing weight</p>
          </div>
      </div>
          </li>

           <li>
         <div class="row">
          <div class="col-xs-3">
             <a class="normal"href="#">
              <img class="img-responsive img-circle"src="img/h1.gif" alt="" />
             </a> 
          </div>
          <div class="col-xs-9">
            <p class="cTit">Sam W.</p> 
            <p class="cCon">Running,Fitness,Soccer,...</p> 
            <p class="cFb">Losing weight</p>
          </div>
      </div>
          </li>
      </ul>
  </div>
    </body>
</html>